<template>
	<div>
		<!--<tab v-model="index">-->
			<!--<tab-item >可使用券</tab-item>-->
			<!--<tab-item >已失效券</tab-item>-->
		<!--</tab>-->

    <van-tabs v-model="active" swipeable animated="true">
      <van-tab title="可使用券">
        <list :type="1" ></list>
      </van-tab>
      <van-tab title="已失效券">
        <list :type="2"  ></list>
      </van-tab>
    </van-tabs>
    <back></back>
	</div>
</template>

<script>
	import { Tab, TabItem, Swiper, SwiperItem } from 'vux'
	import list from './list'
  import back from '@/components/back/backPrev';
	export default {
		components:{
			list,
			Tab,
			TabItem,
			Swiper,
			SwiperItem,
      back
		},
		data(){
			return {
				index : 0,
        active:0,
			}
		},
		methods : {

		},
		created(){
			this.$store.dispatch('user/coupon/initdata')
		},
    mounted(){
		  // console.log(list)
    }
	}
</script>

<style>
  .yhq{
    width:100%;
    height:400px;
    overflow: scroll;
    border:1px solid;
  }

</style>
